.banner {
    /* padding-top: 136px; */
    margin-top: 20px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    ul {
        position: absolute;
        li {
            /*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
            width: 100%;
            height: 560px;
            float: left;
            background: no-repeat center center;
        }
    }
}

ol {
    width: 120px;
    height: 20px;
    position: absolute;
    left: 50%;
    bottom: -380px;
    padding: 0 10px;
    border-radius: 10px;
    li {
        width: 8px;
        height: 8px;
        float: left;
        margin: 5px 5px;
        background: rgba(10, 10, 10, 0.5);
        border-radius: 50%;
        cursor: pointer;
    }
    .current {
        background: #122147;
    }
}

.banner {
    i {
        width: 58px;
        height: 120px;
        position: absolute;
        top: 50%;
        margin-top: -60px;
        cursor: pointer;
        border-radius: 5px;
        display: none;
        z-index: 999;
    }
    .left {
        left: 60px;
        font-size: 60px;
    }
    .right {
        right: 60px;
        font-size: 60px;
    }
}